<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body  >
<style>
    .title-text {
        margin: 20px 0;
    }
    .layui-col-sm3 label {
        white-space: nowrap; /* 阻止文本换行 */
    }
    .center-btn {
        margin: 20px 0;
        text-align: center;
    }
    .gray-label {
        color: gray;
    }
</style>
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form id="orderForm" class="layui-form layui-row layui-col-space16">
                        <h6 class="title-text">订单信息</h6>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">订单编号：</label>
                            <div class="layui-input-block">
                                <input id="number" readonly name="number" placeholder="请输入订单编号" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">创建时间：</label>
                            <div class="layui-input-block">
                                <input id="createTime" readonly name="createTime" placeholder="请输入创建时间" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">订单状态：</label>
                            <div class="layui-input-block">
                                <input id="status" readonly name="status" placeholder="请输入订单状态" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">订单类型：</label>
                            <div class="layui-input-block">
                                <input id="initiateId" readonly name="initiateId" placeholder="请输入订单类型" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">订单总价：</label>
                            <div class="layui-input-block">
                                <input id="totalPrice" readonly name="totalPrice" placeholder="请输入订单总价" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">订单周期：</label>
                            <div class="layui-input-block">
                                <input id="startTime" readonly name="startTime" placeholder="请输入订单周期" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm6">
                            <label class="layui-form-label gray-label">服务地址：</label>
                            <div class="layui-input-block">
                                <input id="address" readonly name="address" placeholder="请输入服务地址" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-md12">
                            <label class="layui-form-label gray-label">合同信息：</label>
                            <div class="layui-input-block">
                                <button id="openContractBtn" type="open" class="layui-btn layui-btn-primary">查看合同</button>
                            </div>
                        </div>
                    </form>
                    <form id="orderCreator" class="layui-form layui-row layui-col-space16">
                        <h5 class="title-text">订单创建人</h5>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">姓名：</label>
                            <div class="layui-input-block">
                                <input id="name" readonly name="name" placeholder="请输入姓名" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">电话号码：</label>
                            <div class="layui-input-block">
                                <input id="mobile" readonly name="mobile" placeholder="请输入电话号码" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">身份证号码：</label>
                            <div class="layui-input-block">
                                <input id="idNumber" readonly name="idNumber" placeholder="请输入身份证号码" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">家庭住址：</label>
                            <div class="layui-input-block">
                                <input id="detailedAddress" readonly name="detailedAddress" placeholder="请输入家庭住址" class="form-control"
                                       type="text">
                            </div>
                        </div>
                    </form>
                    <form id="contractingParty" class="layui-form layui-row layui-col-space16">
                        <h5 class="title-text">订单签约人</h5>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">姓名：</label>
                            <div class="layui-input-block">
                                <input id="name" readonly name="name" placeholder="请输入姓名" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">电话号码：</label>
                            <div class="layui-input-block">
                                <input id="mobile" readonly name="mobile" placeholder="请输入电话号码" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">身份证号码：</label>
                            <div class="layui-input-block">
                                <input id="idNumber" readonly name="idNumber" placeholder="请输入身份证号码" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label gray-label">家庭住址：</label>
                            <div class="layui-input-block">
                                <input id="detailedAddress" readonly name="detailedAddress" placeholder="请输入家庭住址" class="form-control"
                                       type="text">
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label gray-label">订单备注</label>
                            <div class="layui-input-block">
                                <textarea id="remark" name="remark"  placeholder="请在此输入订单备注" class="layui-textarea"></textarea>
                            </div>
                        </div>
                    </form>
                    <div class="layui-form-item">
                        <div class="layui-input-block center-btn">
                            <button class="layui-btn" lay-submit lay-filter="formSubmit">提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/jazUserOrder/add.js">
</script>
</body>
</html>
